<template>
  <div class="header">
    <img src="../../static/img/back.png" alt=""  class="logo"  @click="backTo" />
    <span class="text-title">{{childMsg}}</span>
    <img src="../../static/img/home.png" alt=""  class="logo home"  @click="homeTo" />
  </div>
</template>

<script>
export default {
  name: 'backTo',
  props: [ 'childMsg' ],
  data () {
    return {
      msg: ''
    }
  },
  methods: {
    backTo (id) {
      this.$router.go(-1)
    },
    homeTo () {
      this.$router.push({path: '/homes', query: {}})
    }
  },
  mounted: function () {
  }
}
</script>
<style scoped>
  .header{
    text-align: left;
  }
  .logo{
    width: 60px;
    height: 60px;
    vertical-align:middle;
  }
  .home{
    float: right;
  }
  .text-title{
    color: #FFFFFF;
    font-size: 30px; /*px*/
    vertical-align:middle;
  }
</style>
